<style>
    label,select{font-size: 0.363636rem;margin: 0;}
    ul{list-style: none;margin: 0;}
    .define{
        background-color: #f6f6f6;
    }
    .container-fluid{
        padding: 0;
    }
    .define-nav{
        background-color: #FFF;
        padding: 0.39393939rem 0 0.39393939rem 0.848484rem;
    }
    .define-nav .pull-left{
        color: #666;
        display: inline-block;
        font-size: 0.54rem;
        margin-top:6px;
    }
    .define-nav .pull-right{
        margin-right: 0.909090rem;
    }
    #admin_search_people,
    #admin_add_people{
        width: 3.272727rem;
    }
    .define-nav-input{
        margin-top: 0.87878787rem;
        margin-left: 0.909090rem;
        background-color: #FFF;
        padding:  0.757575rem 0;
        margin-right: 0.909090rem;
    }
    .define-nav-input .pull-right{
        margin-right: 0.909090rem;
    }
    .define-nav-input .define-table-input:nth-child(1){
        padding-left: 0.60606060rem;
    }
    .define-nav-input .define-table-input:nth-child(3),
    .define-nav-input .define-table-input:nth-child(2){
        padding-left: 1.818181rem;
    }
    .define-nav-input span{
        font-size: 0.424242rem;
        display: inline-block;
        margin-top: 6px;
    }
    .define-nav-input input{
        margin: 0;
        padding: 0.1rem 0.2rem;
        width: 7.878787rem;
        height: 0.727272rem;
        line-height: normal;
        font-size: 0.424242rem;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border-color: #E6E6E6;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .define-nav-input input::-webkit-input-placeholder {
        font-size: 1px;
        line-height: 1;
    }
    .define-nav-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 0.2rem;
        line-height: 2.2;
    }
    .define-nav-input input::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 0.2rem;
        line-height: 2.2;
    }
    .define-nav-input input:-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 0.2rem;
        line-height: 2.2;
    }
    .define-table-input button{
        background-color: #F7F9FA;
        border: 1px solid #E6E6E6;
        color: #999;
        height: 1.03rem;
        line-height: 0.606060rem;
        padding-left: 0.303030rem;
        padding-right: 0.303030rem;
        font-size: 0.424242rem;
        border-radius: 3px;
        width: 4.2rem;
    }
    .define-table-input button i{
        padding-left: 1.333333rem;
    }
    .define-table-input button:focus,
    .define-table-input button:active,
    .define-table-input button:hover{
        border: 1px solid #E6E6E6;
        outline: none;
    }
    .define-table{
        margin-left: 0.9090909rem;
        margin-right: 0.9090909rem;
    }
    .table{
        border-radius: 3px;
        margin-bottom: 0;
        border: 1px solid #E6E6E6;
        font-size: 0.424242rem;
    }
    .table thead{
        background-color: #FAFAFA;
        color: #999;
    }
    .table tr{
        padding-left: 0.606060rem;
    }
    .table td{
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        padding: 0.51515151rem 0.242424rem;
        line-height: 1.2;
    }
    .table tbody{
        background-color: #FFF;
    }
    .table tbody td{
        vertical-align: bottom;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .table-hover tbody tr:hover td{
        background-color: #fafafa;
    }
    .table tbody tr td.clearfix:last-child{
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    .table tbody tr td.clearfix:last-child .pull-left{
        padding: 0.1rem 0.2rem ;
    }
    .table tbody tr td.clearfix:last-child .pull-left:hover{
        background-color: #e6e6e6;
        border-radius: 2px;
    }
    .define-table .table tbody td:nth-child(4){
        padding: 2px;
    }
    .table tbody td:nth-child(4) img{
        width: 1.212121rem;
        height: 1.212121rem;
        vertical-align: -1px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    td.clearfix img{
        width: 0.393939rem;
        vertical-align: -2px;
        margin-right: 5px;
    }
    td.clearfix div:nth-child(2),
    td.clearfix div:nth-child(3){
        margin-left: 0.606060rem;
    }
    .define-paging{
        margin-top: 0.6363rem;
        display: block;
        color: #999;
        font-size: 0.363636rem;
        text-align: center;
    }
    /*改变鼠标悬浮样式  ↓*/
    .table tbody tr td.clearfix:last-child .pull-left:hover,
    #admin_select_img_add_btn_default,
    .define-paging .pull-left:not(:first-child){
        cursor: pointer;
    }
    /*改变鼠标悬浮样式  ↑*/
    .define-paging .pull-left{
        padding: 0 0.272727rem;
    }
    .define-page.define-active{
        color: #47489A;
    }
    .define-paging .pull-left:first-child{
        margin-left: 38%;
        letter-spacing: 0.2rem;
    }
    /*选择科室*/
    .dropdown-menu{
        font-size: 0.42424242rem;
        text-align: center;
        left: 27%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        min-width: 72%;
        padding: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .dropdown-menu li{
        line-height: 1;
        padding: 5px 0;
    }
    .dropdown-menu li:hover{
        background-color: #E6E6E6;
    }

    /*弹层样式设计*/
    .modal{
        width: 41%;
        min-width: 605px;
        margin: 0;
    }
    .modal.fade{
        top: -100%;
    }
    .modal-backdrop, .modal-backdrop.fade.in{
        opacity: 0.5;
        filter:alpha(opacity=50);
    }
    .modal-header{
        background-color: #FAFAFA;
        padding: 0.343434rem 0.636363rem;
    }
    .modal-title{
        font-size: 0.36363636rem;
        color: #1CC7BD;
    }
    .define-modal-close {
        position: absolute;
        border: none;
        right: 0.636363rem;
        font-size: 1em;
        font-weight: 100;
    }
    .define-modal-close img{
        width: 12px;
        vertical-align: 4px;
    }
    .define-modal-close img:hover{
        -webkit-animation: img_hover_rotate .2s linear;
        -o-animation: img_hover_rotate .2s linear;
        animation: img_hover_rotate .2s linear;
    }
    @-webkit-keyframes img_hover_rotate {
        0%{  -webkit-transform: rotate(0deg);  }
        100%{  -webkit-transform: rotate(90deg);  }
    }
    @-o-keyframes img_hover_rotate {
        0%{  -o-transform: rotate(0deg);  }
        100% {  -o-transform: rotate(90deg);  }
    }
    @-ms-keyframes img_hover_rotate {
        0%{  -ms-transform: rotate(0deg);  }
        100%{  -ms-transform: rotate(90deg);  }
    }
    @-moz-keyframes img_hover_rotate {
        0%{  -moz-transform: rotate(0deg);  }
        100%{  -moz-transform: rotate(90deg);  }
    }
    @-khtml-keyframes img_hover_rotate {
        0%{  -khtml-transform: rotate(0deg);  }
        100%{  -khtml-transform: rotate(90deg);  }
    }
    @keyframes  img_hover_rotate{
        0%{  transform: rotate(0deg);  }
        100%{  transform: rotate(90deg);  }
    }
    .modal .modal-body{
        max-height: 500px;
    }
    .modal .modal-body{
        padding: 0.878787rem 1rem;
        font-size: 0.363636rem;
    }

    /*选择添加人员类型*/
    #add_user_select_modal.modal{
        width: 17%;
        min-width: 300px;
    }
    #add_user_select_modal .modal-body{
        padding: 0;
    }
    #add_user_select_modal table{
        border: none;
        width: 100%;
    }
    #add_user_select_modal table tr:not(:last-child){
        border-bottom: 1px solid #e6e6e6;
    }
    #add_user_select_modal table td{
        padding: 0.343434rem 0.636363rem;
    }
    #add_user_select_modal table td:nth-child(2){
        text-align: right;
    }

    /*领导  科室  后勤*/
    .modal-body table{
        border: none;
        width: 100%;
    }
    .modal-body table td{
        padding-bottom: 0.5rem;
        vertical-align: middle;
    }
    .modal-body table td:nth-child(1) img{
        vertical-align: text-top;
    }
    #add_user_doctor_modal .modal-body table td:nth-child(1){
        width: 52px;
        text-align: right;
        padding-right: 5px;
    }
    #add_user_logistics_modal .modal-body table td:nth-child(1),
    #add_user_lead_modal .modal-body table td:nth-child(1){
        width: 57px;
        text-align: right;
        padding-right: 5px;
    }
    .modal-body table:first-child td:nth-child(2){
        position: relative;
    }
    .modal-body table:first-child td:nth-child(2) div{
        border: 1px solid #e6e6e6;
        padding: 0.25rem;
        border-radius: 3px;
    }
    .modal-body table:first-child td:nth-child(2) div#doctor_select_type,
    .modal-body table:first-child td:nth-child(2) div#logistics_select_type,
    .modal-body table:first-child td:nth-child(2) div#lead_select_type{
        position: absolute;
        background-color: #FFF;
        padding: 0;
        width: 99.5%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: none;
        display: none;
        z-index: 10;
    }
    .modal-body table:first-child td:nth-child(2) div#doctor_select_type.active,
    .modal-body table:first-child td:nth-child(2) div#logistics_select_type.active,
    .modal-body table:first-child td:nth-child(2) div#lead_select_type.active{
        display: block;
    }
    .modal-body table:first-child td:nth-child(2) div#doctor_select_type div,
    .modal-body table:first-child td:nth-child(2) div#logistics_select_type div,
    .modal-body table:first-child td:nth-child(2) div#lead_select_type div{
        border: none;
        border-radius: 0;
    }
    .modal-body table:first-child td:nth-child(2) div#doctor_select_type div:hover,
    .modal-body table:first-child td:nth-child(2) div#logistics_select_type div:hover,
    .modal-body table:first-child td:nth-child(2) div#lead_select_type div:hover{
        background-color: #FAFAFA;
    }
    .modal-body table:first-child td:nth-child(2) div#doctor_select_type div.active,
    .modal-body table:first-child td:nth-child(2) div#logistics_select_type div.active,
    .modal-body table:first-child td:nth-child(2) div#lead_select_type div.active{
        background-color: #e6e6e6;
    }
    .modal-body table:first-child td:nth-child(2) img{
        position: absolute;
        top: 30%;
        right: 0.25rem;
    }
    .modal-body table:nth-child(2) td:nth-child(2){
        width: 2.39393939rem;
    }
    .modal-body table:nth-child(2) td:nth-child(2) img{
        width: 100%;
        height: 2.39393939rem;
        border-radius: 50%;
        min-width: 57px;
        min-height: 57px;
    }
    .modal-body table:nth-child(2) td:nth-child(3){
        padding-left: 0.575757rem;
    }
    .modal-body table:nth-child(2) td:nth-child(3) div:first-child{
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        width: 15%;
        text-align: center;
        padding: 0.1666666rem 0;
        cursor: pointer;
    }
    .modal-body table:nth-child(2) td:nth-child(3) div:nth-child(3){
        color: #C9C8C8;
    }
    .modal-body > div.clearfix > div{
        width: 49%;
    }
    .modal-body > div.clearfix .pull-right{
        margin-left: 2%;
    }
    .modal-body > div.clearfix table input{
        width: 95.5%;
        margin: 0;
        font-size: 12px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        padding: 0.25rem 6px;
    }
    .modal-body textarea:-moz-placeholder,
    .modal .modal-body input:-moz-placeholder{
        color: #C9C8C8;
        font-size: 12px;
    }
    .modal-body textarea:-ms-input-placeholder,
    .modal .modal-body input:-ms-input-placeholder{
        color: #C9C8C8;
        font-size: 12px;
    }
    .modal-body textarea::-webkit-input-placeholder,
    .modal .modal-body input::-webkit-input-placeholder {
        color: #C9C8C8;
        font-size: 12px;
    }
    .modal-body textarea:focus,
    .modal-body > div.clearfix table input:focus{
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    }
    .modal-body textarea{
        width: 98%;
        border-color: #e6e6e6;
        -webkit-box-shadow: none;
        box-shadow: none;
        resize: none;
        margin: 0;
    }
    .modal-body table:last-child tr:last-child div{
        background-color: #1CC7BD;
        color: #fff;
        text-align: center;
        width: 25.5%;
        border-radius: 3px;
        padding: 0.166666rem 0;
    }
    .modal-body table:last-child tr:last-child td:first-child div{
        margin-left: 75%;
    }
    .modal-body table:last-child tr:last-child td:last-child div{
        margin-left: 5%;
    }
    .modal-body table:last-child tr:last-child div:hover{
        background-color: #18ADA4;
        cursor: pointer;
    }
    #doctor_select_admin,
    #logistics_select_admin,
    #lead_select_admin{
        z-index: 10;
        border-top: none;
        position: absolute;
        padding: 0;
        background-color: #FFF;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: none;
        max-height: 220px;
        overflow: auto;
    }
    #doctor_select_admin.active,
    #logistics_select_admin.active,
    #lead_select_admin.active{
        display: block;
    }
    #doctor_select_admin div,
    #logistics_select_admin div,
    #lead_select_admin div{
        border-radius: 0;
        border: none;
    }
    #doctor_select_admin div:hover,
    #logistics_select_admin div:hover,
    #lead_select_admin div:hover{
        background-color: #FAFAFA;
    }
    #doctor_select_admin div.active,
    #logistics_select_admin div.active,
    #lead_select_admin div.active{
        background-color: #e6e6e6;
    }

    /*请填写完整信息弹层*/
    #department_modal_tip{
        width: 15%;
        min-width: 220px;
        z-index: 1051;
    }
    #department_modal_tip .modal-body{
        text-align: center;
    }
    #department_modal_tip .modal-header{
        background-color: #FFF;
    }
    #department_modal_tip .modal-body div:nth-child(1){
        margin-top: 1em;
    }
    #department_modal_tip .modal-body div:nth-child(2){
        background-color: #1CC7BD;
        color: #FFF;
        margin: 2em auto 0 auto;
        width: 30%;
        padding: 0.1666666rem 0;
        border-radius: 3px;
    }
    #department_modal_tip .modal-body div:nth-child(2):hover{
        background-color: #18ADA4;
        cursor: pointer;
    }


    /*适配*/
    @media (min-width: 1024px){
        /*18*/
        .define-modal-close img{
            vertical-align: 0;
        }
        .define-table-input button{
            line-height: 1.33;
            width: 5.5rem;
        }
        td.clearfix img{
            width: 0.55rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.6rem;
        }
        .table tbody td:nth-child(4) img{
            vertical-align: 0;
        }
        .define-nav-input input{
            line-height: normal;
            font-size: 0.424242rem;
        }
        .modal-body table:first-child td:nth-child(2) img.status_img{
            right: 7px;
        }
        #department_modal_tip .modal-header img{
            top: 5.8%
        }
        .define-nav-input span{
            margin-top: -1px;
        }
    }
    @media (min-width: 1100px) {
        /*20*/
        .define-table-input button{
            line-height: 1.45;
        }
        td.clearfix img{
            vertical-align: -2px;
        }
        .define-modal-close img{
            vertical-align: 0;
        }
        .define-nav-input span{
            margin-top: 0;
        }
    }
    @media (min-width: 1280px) {
        /*22*/
        .define-table-input button{
            line-height: 1.7;
            width: 5rem;
        }
        td.clearfix img{
            width: 0.5rem;
        }
        #department_modal_tip .modal-header img{
            top: 6.8%
        }
        .define-nav-input span{
            margin-top: 2px;
        }
    }
    @media (min-width: 1366px) {
        /*24*/
        .define-modal-close img{
            vertical-align: 1px;
        }
        .define-table-input button{
            line-height: 1.9;
        }
        td.clearfix img{
            width: 0.45rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.5rem;
        }
        .define-nav-input span{
            margin-top: 3px;
        }
    }
    @media (min-width: 1440px) {
        /*25*/
        .define-modal-close img{
            vertical-align: 2px;
        }
        .define-table-input button{
            line-height: 1.95;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.45rem;
        }
    }
    @media (min-width: 1680px) {
        /*28*/
        .define-modal-close img{
            vertical-align: 3px;
        }
        .define-table-input button{
            line-height: 2.2;
        }
        td.clearfix img{
            width: 0.36rem;
            vertical-align: -1px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.4rem;
        }
        .table tbody td:nth-child(4) img{
            vertical-align: -1px;
        }
        #department_modal_tip .modal-header img{
            top: 7.8%
        }
        .define-nav-input span{
            margin-top: 5px;
        }
    }
    @media (min-width: 1920px) {
        /*33*/
        .define-modal-close img{
            vertical-align: 4px;
        }
        .define-table-input button{
            width: 4.2rem;
        }
        .define-nav-input span{
            margin-top: 6px;
        }
    }
</style>

<div class="define">
    <div class="define-nav clearfix">
        <div class="pull-left">人员管理</div>
        <div class="pull-right"><img id="admin_add_people" src="/statics/images/sever_add.png" alt=""></div>
    </div>

    <div class="define-nav-input clearfix">
        <form id="hos_user_form" action="/hospital/hos_user" method="get">
        <div class="define-table-input pull-left clearfix">
            <span class="pull-left">姓名：</span>
            <input class="pull-left" type="text" name="user_name" value="<?=I('get.user_name')?>" placeholder="请输入姓名">
        </div>
        <div class="define-table-input pull-left clearfix">
            <span class="pull-left">手机号：</span>
            <input class="pull-left" type="text" name="mobile" value="<?=I('get.mobile')?>" placeholder="请输入手机号">
        </div>
        <div class="define-table-input pull-left">
            <div class="dropdown clearfix">
                <span class="pull-left">科室：</span>
                <button class="pull-left" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    选择科室
                    <i class="icon-chevron-down"></i>
                </button>
                <ul id="dropdown_menu_ul" class="dropdown-menu" aria-labelledby="dLabel">
                    <?php if($depart){foreach($depart as $val){?>
                    <li data_value="<?=$val['id']?>"><?=$val['de_name']?></li>
                    <?php }}?>
                </ul>

                <select id="dropdown_menu_select" name="depart_id" style="display: none;">
                    <option value="0">请选择</option>
                </select>
            </div>
        </div>
        </form>
        <div class="define-table-input pull-right">
            <img id="admin_search_people" src="/statics/images/sever_search.png" alt="">
        </div>
        <script>
            $('#admin_search_people').click(function () {
                    $('#hos_user_form').submit();
                }
            );
        </script>
    </div>

    <div style="margin-left: 0.90rem;font-size: 0.424242rem;margin-top: 0.545454rem;margin-bottom: 0.545454rem;">全部结果</div>

    <div class="define-table">
        <table class="table table-hover" id="table_handle">
            <thead>
            <tr>
                <td>序号</td>
                <td>姓名</td>
                <td>类型</td>
                <td>头像</td>
                <td>职务</td>
                <td>年龄</td>
                <td>上级主管</td>
                <td>科室</td>
                <td>手机号</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody>
            <?php if($userData){ foreach($userData as $val){?>
            <tr>
                <td><?=$val['user_id']?></td>
                <td><?=$val['user_name']?></td>
                <td><?=$val['user_type_name']?></td>
                <td><img src="<?=$val['head_img']?:'/statics/images/addpic.png' ?>" alt=""></td>
                <td><?=$val['job']?></td>
                <td><?=$val['age']?></td>
                <td><?=$val['last_leader']?:'无'?></td>
                <td><?=$val['de_name']?></td>
                <td><?=$val['mobile']?></td>
                <td class="clearfix">
                    <div class="pull-left define_details"><img src="/statics/images/sever_info_undisabled.png" alt="">详情</div>
                    <div class="pull-left define_edit"><img src="/statics/images/sever_edit.png" alt="">编辑</div>
                    <div class="pull-left define_used" user_id="<?=$val['user_id']?>">
                        <?php if($val['status']){?>
                        <img src="/statics/images/sever_undisabled.png" alt="">启用
                        <?php }else{?>
                        <img src="/statics/images/sever_disabled.png" alt="">禁用
                        <?php }?>
                    </div>
                </td>
            </tr>
            <?php }}else{?>
            <tr>
                <td colspan="10" style="text-align: center">暂无数据</td>
            </tr>
            <?php }?>
            </tbody>
        </table>
    </div>

    <!--分页  开始-->
    <div class="define-paging clearfix">
        <div class="pull-left">共8页</div>
        <div class="pull-left" id="the_first_page">首页</div>
        <div class="pull-left" id="prev_page">上一页</div>
        <div class="pull-left define-page define-active">1</div>
        <div class="pull-left define-page">2</div>
        <div class="pull-left define-page">3</div>
        <div class="pull-left define-page">4</div>
        <div class="pull-left define-page">5</div>
        <div class="pull-left" id="next_page">下一页</div>
        <div class="pull-left" id="the_last_page">尾页</div>
    </div>
    <!--分页  结束-->
</div>

<!--添加人员  领导  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="add_user_lead_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">添加人员</div>
            </div>
            <div class="modal-body">
                <!--选择类型  开始-->
                <table>
                    <tr>
                        <td><img src="/statics/images/sever_must_write.png" alt="">类型:</td>
                        <td>
                            <div id="lead_select_type_btn">院长</div>
                            <img class="status_img" src="/statics/images/sever_unretrieve.png" alt="">
                            <div id="lead_select_type">
                                <div>院长</div>
                                <div>副院长</div>
                                <div>办公室主任</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--选择类型  结束-->

                <!--头像  开始-->
                <table>
                    <tr>
                        <td>头像:</td>
                        <td><img id="lead_modal_select_img_show" src="/statics/images/sever_defaultimg_parameter.png" alt=""></td>
                        <td>
                            <div id="lead_modal_select_img">选择图片</div>
                            <form id="lead_modal_select_img_form" style="display: none;">
                                <input type="file" id="lead_modal_select_img_input">
                            </form>
                            <div style="color: #C9C8C8;">支持PNG,JPG等格式图片。大小不超过2M。</div>
                        </td>
                    </tr>
                </table>
                <!--头像  结束-->

                <!--信息输入  开始-->
                <div class="clearfix">
                    <div class="pull-left">
                        <table>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">姓名:</td>
                                <td>
                                    <input type="text" placeholder="请输入姓名">
                                </td>
                            </tr>
                            <tr>
                                <td>年龄:</td>
                                <td>
                                    <input type="text" placeholder="请输入年龄" maxlength="3">
                                </td>
                            </tr>
                            <!--<tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">密码设置:</td>
                                <td>
                                    <input type="text" placeholder="请输入密码" value="888888">
                                </td>
                            </tr>-->
                        </table>
                    </div>
                    <div class="pull-right">
                        <table>
                            <!--<tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">科室:</td>
                                <td>
                                    <input id="lead_select_admin_btn" style="cursor: default;" onfocus="this.blur();" type="text" placeholder="请选择科室">
                                    <img src="/statics/images/sever_unretrieve.png" alt="">
                                    <div id="lead_select_admin">
                                        <div>牙科</div>
                                        <div>儿科</div>
                                        <div>口腔科</div>
                                        <div>放射科</div>
                                        <div>放射科</div>
                                    </div>
                                </td>
                            </tr>-->
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">密码设置:</td>
                                <td>
                                    <input type="text" placeholder="请输入密码" value="888888">
                                </td>
                            </tr>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">手机号:</td>
                                <td>
                                    <input type="text" placeholder="请输入手机号" maxlength="11">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!--信息输入  结束-->
                <!--简介及确认、重置按钮  开始-->
                <table>
                    <tr>
                        <td style="vertical-align: text-top;padding-top: 6px;">简介:</td>
                        <td>
                            <textarea placeholder="您的自我介绍..."></textarea>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="lead_resever">重置</div>
                        </td>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="lead_sure_add">确认添加</div>
                        </td>
                    </tr>
                </table>
                <!--简介及确认、重置按钮  结束-->
            </div>
        </div>
    </div>
</div>
<!--添加人员  领导  结束-->

<!--添加人员  科室  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="add_user_doctor_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">添加人员</div>
            </div>
            <div class="modal-body">
                <!--选择类型  开始-->
                <table>
                    <tr>
                        <td><img src="/statics/images/sever_must_write.png" alt="">类型:</td>
                        <td>
                            <div id="doctor_select_type_btn">医生</div>
                            <img class="status_img" src="/statics/images/sever_unretrieve.png" alt="">
                            <div id="doctor_select_type">
                                <div>科室主任</div>
                                <div>医生</div>
                                <div>护士</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--选择类型  结束-->

                <!--头像  开始-->
                <table>
                    <tr>
                        <td>头像:</td>
                        <td><img id="doctor_modal_select_img_show" src="/statics/images/sever_defaultimg_parameter.png" alt=""></td>
                        <td>
                            <div id="doctor_modal_select_img">选择图片</div>
                            <form id="doctor_modal_select_img_form" style="display: none;">
                                <input type="file" id="doctor_modal_select_img_input">
                            </form>
                            <div style="color: #C9C8C8;">支持PNG,JPG等格式图片。大小不超过2M。</div>
                        </td>
                    </tr>
                </table>
                <!--头像  结束-->

                <!--信息输入  开始-->
                <div class="clearfix">
                    <div class="pull-left">
                        <table>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">姓名:</td>
                                <td>
                                    <input type="text" placeholder="请输入姓名">
                                </td>
                            </tr>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">科室:</td>
                                <td>
                                    <input id="doctor_select_admin_btn" style="cursor: default;" onfocus="this.blur();" type="text" placeholder="请选择科室">
                                    <img src="/statics/images/sever_unretrieve.png" alt="">
                                    <div id="doctor_select_admin">
                                        <div>牙科</div>
                                        <div>儿科</div>
                                        <div>口腔科</div>
                                        <div>放射科</div>
                                        <div>放射科</div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">职称:</td>
                                <td>
                                    <input type="text" placeholder="请输入职称">
                                </td>
                            </tr>
                            <tr>
                                <td>擅长:</td>
                                <td>
                                    <input type="text" placeholder="您所擅长的..." >
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="pull-right">
                        <table>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">手机号:</td>
                                <td>
                                    <input type="text" placeholder="请输入手机号">
                                </td>
                            </tr>
                            <tr>
                                <td>年龄:</td>
                                <td>
                                    <input type="text" placeholder="请输入年龄">
                                </td>
                            </tr>
                            <tr>
                                <td>密码设置:</td>
                                <td>
                                    <input type="text" placeholder="请输入密码" value="888888">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!--信息输入  结束-->
                <!--简介及确认、重置按钮  开始-->
                <table>
                    <tr>
                        <td style="vertical-align: text-top;padding-top: 6px;">简介:</td>
                        <td>
                            <textarea placeholder="您的自我介绍..."></textarea>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="doctor_resever">重置</div>
                        </td>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="doctor_sure_add">确认添加</div>
                        </td>
                    </tr>
                </table>
                <!--简介及确认、重置按钮  结束-->
            </div>
        </div>
    </div>
</div>
<!--添加人员  科室  结束-->

<!--添加人员  后勤  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="add_user_logistics_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">添加人员</div>
            </div>
            <div class="modal-body">
                <!--选择类型  开始-->
                <table>
                    <tr>
                        <td><img src="/statics/images/sever_must_write.png" alt="">类型:</td>
                        <td>
                            <div id="logistics_select_type_btn">保安</div>
                            <img class="status_img" src="/statics/images/sever_unretrieve.png" alt="">
                            <div id="logistics_select_type">
                                <div>保安</div>
                                <div>保洁</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <!--选择类型  结束-->

                <!--头像  开始-->
                <table>
                    <tr>
                        <td>头像:</td>
                        <td><img id="logistics_modal_select_img_show" src="/statics/images/sever_defaultimg_parameter.png" alt=""></td>
                        <td>
                            <div id="logistics_modal_select_img">选择图片</div>
                            <form id="logistics_modal_select_img_form" style="display: none;">
                                <input type="file" id="logistics_modal_select_img_input">
                            </form>
                            <div style="color: #C9C8C8;">支持PNG,JPG等格式图片。大小不超过2M。</div>
                        </td>
                    </tr>
                </table>
                <!--头像  结束-->

                <!--信息输入  开始-->
                <div class="clearfix">
                    <div class="pull-left">
                        <table>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">姓名:</td>
                                <td>
                                    <input type="text" placeholder="请输入姓名">
                                </td>
                            </tr>
                            <tr>
                                <td>年龄:</td>
                                <td>
                                    <input type="text" placeholder="请输入年龄">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="pull-right">
                        <table>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">手机号:</td>
                                <td>
                                    <input type="text" placeholder="请输入手机号">
                                </td>
                            </tr>
                            <tr>
                                <td><img src="/statics/images/sever_must_write.png" alt="">密码设置:</td>
                                <td>
                                    <input type="text" placeholder="请输入密码" value="888888">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!--信息输入  结束-->
                <!--确认、重置按钮  开始-->
                <table>
                    <tr>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="logistics_resever">重置</div>
                        </td>
                        <td style="width: 50%;padding-bottom: 0;padding-top: 1em;">
                            <div id="logistics_sure_add">确认添加</div>
                        </td>
                    </tr>
                </table>
                <!--确认、重置按钮  结束-->
            </div>
        </div>
    </div>
</div>
<!--添加人员  后勤  结束-->

<!--选择添加人员类型  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="add_user_select_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">请选择添加人员类型</div>
            </div>
            <div class="modal-body">
                <table>
                    <tr>
                        <td>领导</td>
                        <td><img src="" alt=""></td>
                    </tr>
                    <tr>
                        <td>科室</td>
                        <td><img src="" alt=""></td>
                    </tr>
                    <tr>
                        <td>后勤</td>
                        <td><img src="" alt=""></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<!--选择添加人员类型  结束-->

<!--信息填写提示  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="department_modal_tip">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">信息</div>
            </div>
            <div class="modal-body">
                <div>请填写完成必填信息！</div>
                <div data-dismiss="modal" aria-label="Close">确定</div>
            </div>
        </div>
    </div>
</div>
<!--信息填写提示  结束-->

<!--添加人员  form表单  开始-->
<form action="" id="add_user_form" method="post" style="display: none;">
    <input type="text" name="user_type" value=""><!--选择添加人员类型 领导、科室、后勤-->
    <input type="text" name="user_type_name" value=""><!--选择类型-->
    <input type="text" name="head_img" value=""><!--头像-->
    <input type="text" name="user_name" value=""><!--姓名-->
    <input type="text" name="mobile" value=""><!--手机号-->
    <input type="text" name="depart_id" value=""><!--科室-->
    <input type="text" name="age" value=""><!--年龄-->
    <input type="text" name="job" value=""><!--职称-->
    <!--<input type="text" name="modal_select_supervisor" value="">&lt;!&ndash;上级主管&ndash;&gt;-->
    <input type="text" name="password" value=""><!--密码设置-->
    <input type="text" name="good_at" value=""><!--擅长-->
    <input type="text" name="desc" value=""><!--简介-->
</form>
<!--添加人员  form表单  结束-->


<script src="/statics/js/hos_user.js"></script>